<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta http-equiv="Pragma" content="no-cache">
	<meta http-equiv="Cache-control" content="no-cache">
	<meta http-equiv="Cache" content="no-cache">
	<meta name="screen-orientation" content="portrait"><!-- uc强制竖屏 -->
	<meta name="x5-orientation" content="portrait"><!-- QQ强制竖屏 -->
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	<title>选择座位</title>
	<base id="headbase" href="__TMPL__/seatsel/" />
	{include file="./tplnew/public/css_weui.html" /}
	<link rel="stylesheet" href="css/style.css?{$suffix}" />
	<link rel="stylesheet" href="css/chooseSeat.css?{$suffix}" />
</head>
<body>

<nav class="choose-area">
	<div class="choose-title" id="choose-info" data-id="0">
		<span>当前：</span>
		<h3 id="areaInfo">{$specInfo['name']}</h3>
	</div>
	<ul class="choose-list">
		<!-- <li data-id='0'>A区</li> -->
	</ul>
	<div class="shadow"></div>
</nav>

<section class="choose-seat">
	<div class="stage">
		<i class="stage-left"></i> <span>舞台</span> <i class="stage-right"></i>
	</div>
	<div id="renderSeat" class="pinch-zoom-container"></div>
</section>

<form method="get" action="{:url('seatsel/orderPrepair/index')}" class="J_ajaxForm">
	<input type="hidden" name="initPid" value="{$pid}" />
	<input type="hidden" name="initSpecId" value="{$specId}" />
	<footer class="commit-seat">
		<ul class="seat-info" id="seat-info"></ul>
		<div class="handle">
			<div class="result-info">
				<img src="./images/show-hideimg.png" alt="展开收缩" id="handle-show" class="imgshow">
				<span class="vermid">
					共<span class="count-seat">0</span>张
				</span>
				<span class="total-margin vermid">合计:</span>
				<span class="vermid" style="color: #ff6b2a;">
					<span class="count-money" style="color: #ff6b2a;">0</span>
					元
				</span>
			</div>
			<div class="result-commit" id="commitSeat">
				提交
			</div>
		</div>
	</footer>
</form>

<footer class="price-list" style="display: block;">
	<div class="price-info">票价：</div>
	<div class="price-box" id="renderPrice">
		{volist name="regionPriceSettingArr" id="vo"}
			<span class="{$vo['classes']}">{$vo['price']}元</span>
		{/volist}
	</div>
	<div class="price-box query-sale-box" id="renderQuerySalePrice"></div>
</footer>

<div class="seat-loading" style="display: none;">
	<img src="./images/loading.gif" alt="加载中……">
</div>

<?php
$layerStyle = 2;
?>
{include file="./tplnew/public/script_weui.html" /}

<script type="text/javascript" src="js/jquery.seat-charts.js"></script>
<script type="text/javascript">
var url_doBuyVerify = "{:url('seatsel/orderVerify/doBuyVerify')}"; //简单验证
var url_orderPrepair = "{:url('seatsel/orderPrepair/index')}";
var initMode = {$initMode};
var pid = {$pid};
var specId = {$specId};
var initRows = {$specInfo['rows']};
var initCols = {$specInfo['cols']};
var initSeatMap = {$initSeatMap};
var priceList = {$priceList};
var productSeatJson = {$productSeatJson};
var coordinateJson = {$coordinateJson};
var mapSize = {
	x: initCols,
	y: initCols
};
</script>
<script type="text/javascript" src="js/dragpin.js"></script>
<script type="text/javascript" src="js/pinchzoom.js"></script>
<script type="text/javascript" src="js/chooseSeat.js?{$suffix}"></script>

</body>
</html>